iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
自我挑戰組

文組視角的初學前端筆記系列 第 2

Day2 網路是一堆電纜構成的,那網頁呢?

  • 分享至 

  • xImage
  •  

大致了解網路是什麼之後,那每天逛的網頁又是什麼呢?

什麼是網頁?

網頁是一份檔案,通常會儲存在伺服器內,要透過瀏覽器(例如: Firefox,,Google Chrome)來觀看網頁的內容。
一個網頁內的可能會有許多不同的檔案種類,其中構成網頁最重要的三個檔案類型就是HTML、CSS和JavaScript。

什麼是網站?
把多個原本是獨立的網頁集合起來,就是網站了。

基本網頁構成的三個要素: HTML、CSS、JavaScript
用人來做比喻的話,HTML就像是骨架,CSS就像是穿在身上的衣服,而JavaScript就像是人的動作。

  1. HTML的基本介紹
    英文名叫HyperText Markup Language,中文名稱是「超文本標記語言」,簡稱HTML,是一種用於建立網頁的標記語言,是用來建構網頁的基本架構(例如: 網頁上的文字、圖片、超連結、表格等等)。
    HTML是一種標記語言,那常聽到的HTML5又是什麼? 查過之後,我才知道原來5是代表版本的意思,前面還有HTML2、HTML3、HTML4這幾個版本,HTML的標準都是由W3C來定義和維護。

  2. CSS的基本介紹
    英文名叫Cascading Style Sheets,中文名稱是「階層式樣式表」,簡稱CSS,是用來將HTML文件內容增加樣式(字型、間距和顏色等)的電腦語言,和HTML一樣,CSS的標準也是由W3C這個組織來維護。

  3. JavaScript的基本介紹
    Java不是JavaScript的縮寫,通常縮寫為JS,和上述兩個不同,是一種程式語言,可以用來增添網頁和使用者互動的效果(例如:彈跳視窗、跑馬燈等效果)。

網頁是用什麼工具寫出來的?
在學習製作網頁之後,我才認識的詞「文字編輯器(Text editor)」。
文字編輯器有很多款,例如: Sublime text、Atom Editor、Visual studio code、Notepad ++等等,但因為上過的課程都是用 VS Code( Visual studio code),於是也就一直使用這款文字編輯器來練習製作網頁了。

參考資料:
What is the difference between webpage, website, web server, and search engine?
10款最好用的程式碼編輯器及文字編輯器推薦(2021更新)

以上為個人學習筆記整理
若有錯誤,歡迎指正


上一篇
Day1 所以,網路到底是什麼?
下一篇
Day3 寫網頁前的第一步
系列文
文組視角的初學前端筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言